<%@page import="entity.ImageInfo"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
 <% List<ImageInfo> mediaList = (List<ImageInfo>)request.getAttribute("mediaList"); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<link type="text/css" rel="stylesheet" href="./css/mobile.css">
<!-- script src="./js/jquery/jquery.js" ></script>
<script src="./js/jquery/jquerymobile.js" ></script> -->
</head>
<body >
<%for (int i=0; i<mediaList.size();i++){
	ImageInfo mediaInfo = mediaList.get(i);%>
	<div class="li">
	<a href="viewVideoDetailPage.do?id=<%=mediaInfo.getId()%>">
		<img alt="" src="image.do?type=thumbnail&fileName=<%=mediaInfo.getId()%>">		
		<div class="info_block">
			<div class= "title_block">
				<div class="title_content"> <%=mediaInfo.getTitle() %></div>
			</div>
			<div class="sub_info_block">
				<div class="sub_title">Date taken:</div>
				<div class="sub_content"><%=mediaInfo.getDateTaken() %></div>
			</div>
			<div class="sub_info_block">
				<div class="sub_title">Type:</div>
				<div class="sub_content"><%=mediaInfo.getFileType() %></div>
			</div>
		</div>
		</a>
	</div>
<%} %>
</body>
</html>